<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-订单高度单据列表</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
            <!--一级按钮-->
            <div class="operate-btns">
                <a href="javascript:void(0)" class="fbtn fb-add">添加</a>
                <a href="javascript:void(0)" class="fbtn fb-modify">修改</a>
                <a href="javascript:void(0)" class="fbtn fb-remove">删除</a>
            </div>
            <!--end 一级按钮-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">订单高度单据列表</a></li>
            </ol>
            <h3 class="current_module">订单高度单据列表</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content">
        <!-- 查询 -->
        <div class="group_search layui-form">
            <div class="row">
                <div class="col-md-6 col-lg-6">
                    <div class="input-group form-required ">
                        <span class="input-group-addon" id="basic-addon1">请选择起始地</span>
                        <input type="text" class="form-control" placeholder="" name="address2" data-toggle="city-picker" value="江苏省/常州市/溧阳市">
                    </div>
                </div>
                <div class="col-md-6 col-lg-6">
                    <div class="input-group form-required ">
                        <span class="input-group-addon" id="basic-addon1">请选择目的地</span>
                        <input type="text" class="form-control" placeholder="" name="address2" data-toggle="city-picker" value="江苏省/常州市/溧阳市">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-lg-6">
                    <div class="check_group">
                        <label class="label">状态</label>
                        <input type="hidden" name="radio">
                        <div class="control-filtering ">
                            <a id="all_state" class="option active" value="1">全部</a>
                            <a id="y_state" class="option " value="2">整车</a>
                            <a id="s_state" class="option " value="3">零担</a>
                            <a id="e_state" class="option " value="4">拼车</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 text_right">
                    <button type="button" class="btn btn-def">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                查询
            </button>
                </div>
            </div>
        </div>
        <!-- end 查询 -->

        <h2 class="h2_1">
            您当前共有<span id="id_num">1</span>项订单高度单据列表
        </h2>
        <table class="table table-hover table-striped table-1b table-route table_bb">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>下发车型</th>
                    <th>物流单号</th>
                    <th>制单时间</th>
                    <th>起运地</th>
                    <th>目的地</th>
                    <th>总件数</th>
                    <th>要求要达时间</th>
                    <th>冷藏</th>
                    <th>装载要求</th>
                    <th>车辆要求</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody class="current">
                <tr>
                    <td>01</td>
                    <td>零担</td>
                    <td>WL201705050000010009</td>
                    <td>2017-05-05</td>
                    <td>湖北省/武汉市</td>
                    <td>河南省/郑州市</td>
                    <td>503件</td>
                    <td>2017-05-11</td>
                    <td>常温</td>
                    <td>一般</td>
                    <td>厢式货车</td>
                    <td>
                        <div class="table_btn">
                            <a class="btn-blue w-50" href="javascript:">详情<i>|</i></a>
                            <a class="btn-blue w-50 td-route" href="javascript:">调度</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="12">
                        <div class="table-stretching d_info">
                            <ul>
                                <li><span>承运公司</span><b>河南飞达航空货运服务有限公司</b></li>
                                <li><span>承运路线</span><b>武汉-郑州</b></li>
                                <li><span>承运费用</span><b>28,836.00</b></li>
                            </ul>
                            <div class="table_btn fl" style="width: 120px">
                                <a class="btn-blue w-50" href="javascript:">确定<i>|</i></a>
                                <a class="btn-blue w-50" href="javascript:">取消</a>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <div id="page">
            <ul class="pagination">
                <li class="unclickable"><a href="">首页</a></li>
                <li class="unclickable">
                    <a href="" class="prev icon-caret-left"></a>
                </li>
                <li class="active"><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><span>...</span></li>
                <li>
                    <a href="" class="next icon-caret-right"></a>
                </li>
                <li><a href="">末页</a></li>
            </ul>
        </div>
    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>